﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Contact Codeplus
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="page-panel" class="shadow ui-corner-all" style='height: 620px'>
        <div class="page-text-container" style='width: 550px; margin-top: 20px'>
            <div class="contactus-title" style='width: 100%; height: 135px;'>
            </div>
            <div class="contact-you" style='width: 100%; height: 100px;'>
            </div>
            <form class='contact-form' action=''>
            <table style='width: 430px; margin-left: 10px;'>
                <tr>
                    <td style='width: 125px; height: 30px' align="right">
                        <label>
                            First Name:</label>
                    </td>
                    <td align="right">
                        <input id='first-name-field' type="text" maxlength="20" style='width: 250px' class="input-text required" />
                    </td>
                </tr>
                <tr>
                    <td style='width: 125px; height: 30px' align="right">
                        <label>
                            Last Name:</label>
                    </td>
                    <td align="right">
                        <input id='last-name-field' type="text" maxlength="20" style='width: 250px' class="input-text required" />
                    </td>
                </tr>
                <tr>
                    <td style='width: 150px; height: 30px' align="right">
                        <label>
                            Email address:</label>
                    </td>
                    <td align="right">
                        <input id='email-address-field' type="text" maxlength="50" style='width: 250px' class="input-text required email" />
                    </td>
                </tr>
                <tr>
                    <td style='width: 150px; height: 30px' align="right">
                        <label>
                            I want to know about:
                        </label>
                    </td>
                    <td align="right">
                        <select id='services-field' style='width: 258px;' class="input-text required">
                            <option value="web">Websites Plus</option>
                            <option value="mobile">Mobile Plus</option>
                            <option value="cloud">Cloud Plus</option>
                            <option value="seo">Search Engine Plus</option>
                            <option value="social">Social Plus</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td style='width: 180px; height: 30px' align="right">
                        <label>
                            Phone with country code:</label>
                    </td>
                    <td align="right">
                        <input id='phone-number-field' type="text" maxlength="18" style='width: 250px' class="input-text required phone" /><span
                            style='display: block; font-size: 9px; float: left;'>e.g. +911234567890 or +1 (626)
                            263-0081</span>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="right" valign="top">
                        <div id='recaptcha-panel'>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" valign="top">
                        <span id='app-msg' style='float: left; padding: 4px'></span>
                        <button type="button" id='submit-button' style='float: right'>
                            Submit
                        </button>
                    </td>
                </tr>
            </table>
            </form>
        </div>
        <div class="body-image" style='margin-left: 0px; margin-top: 170px'>
            <div class="talk-to-us" title="Talk to us at (626)263-0081" style='width: 350px;
                height: 100px; margin-left: 6px;'>
            </div>
            <div class="email-us" title="Email us at info@codeplus.in" style='width: 350px; height: 100px;
                margin-left: 6px;'>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
    <script src='<%= Url.Content("~/Scripts/site/contactus.js") %>' type="text/javascript"></script>
</asp:Content>
